﻿a {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

#videoplayer {
	background: #000
}

.btn {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

#func,
#owner {
	background-color: #fff
}

#func .ico,
#owner .count {
	background-repeat: no-repeat
}

#func .app {
	right: .5rem;
	position: absolute
}

#chat,
#func .app {
	position: absolute
}

.header {
	position: relative;
	height: 1.75rem;
	width: 100%;
	overflow: hidden;
	line-height: 1.75rem;
	background-color: #fff
}

.head_logo {
	display: block;
	margin-left: .5rem;
	width: 1.975rem;
	height: 1.75rem;
	padding-top: .2875rem;
	float: left
}

.head_logo>img {
	width: 100%
}

#video {
	position: relative;
	width: 100%;
	height: 9rem;
	background-color: #383838
}

#owner {
	width: 100%;
	height: 2.35rem;
	padding: .225rem 0;
	border-bottom: 1px solid #eaeaea
}

#owner .avatar {
	float: left;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 1.9rem;
	border: .075rem solid #e1e1e1;
	margin-left: .5rem;
	overflow: hidden
}

#owner .avatar img {
	width: 100%;
	height: 100%
}

#owner .info {
	float: left;
	width: 9.5rem;
	margin-left: .3rem
}

#owner .info h2 {
	margin: 0;
	padding: 0;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: .75rem;
	color: #333;
	font-weight: 400
}

#owner .count,
#owner .info p {
	height: .75rem;
	line-height: .75rem
}

#owner .info p {
	margin: 0;
	padding: 0;
	font-size: .5rem;
	color: #ababab;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#owner .count {
	font-size: .55rem;
	margin-top: 1.1rem;
	padding-left: .7rem;
	padding-right: .5rem;
	color: #1cd39b;
	float: right;
	background: url(../images/81f1eb9019ecba8317e7c05f1fda7c3f.png) left center no-repeat;
	background-size: auto 67%
}

#func {
	width: 100%;
	height: 2.075rem;
	padding: .575rem .5rem .5rem;
	border-bottom: 1px solid #e2e2e2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

#func .ico {
	cursor: default;
	height: 1rem;
	background-size: auto 100%;
	padding-left: 1.25rem;
	line-height: 1rem;
	color: #b4b4b4;
	font-size: .45rem;
	margin-left: .875rem
}

#func .ico.bamboo {
	background-image: url(../images/07112bc00fc91a9cea4fc776d6ae5279.png)
}

#func .ico.chat {
	background-image: url(../images/a14b2907297cdad5cf323b9e8d100a9c.png)
}

#func .ico.gift {
	background-image: url(../images/195400ae56a0ee66cc4e2890728475c4.png)
}

#func .app {
	cursor: default;
	width: 3.375rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	background-color: #1cd39b;
	color: #fff;
	font-size: .55rem;
	line-height: 1.25rem;
	text-align: center;
	top: .4rem
}

#chat {
	min-height: 5rem;
	padding: .5rem .5rem 0;
	background-color: #f6f6f6;
	top: 15.425rem;
	overflow-y: auto;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: bottom .2s ease-in-out;
	transition: bottom .2s ease-in-out
}

#chat li,
#chat ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#chat li {
	font-size: .5rem;
	color: #333;
	margin-bottom: .4rem
}

#chat li span {
	border-radius: .15rem;
	padding: 0 .175rem;
	display: inline-block;
	line-height: .85rem;
	background-color: #fff
}

#chat li b {
	font-weight: 400;
	color: #999
}

body.down-open #download {
	bottom: 0
}

body.down-open #chat {
	bottom: 2.2rem
}

#video p {
	color: #fff;
	text-align: center;
	font-size: 1rem;
	margin-top: 0
}

#noplaymsgdiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#downimg {
	width: 8rem
}

.fl {
	float: left
}

.fr {
	float: right
}

#recommend {
	background-color: #f3f3f3;
	border-top: solid #e2e2e2 1px;
	overflow: hidden
}

#recommend .recommendtitle {
	height: 1.65rem;
	line-height: 1.65rem;
	font-size: .7rem;
	color: #333;
	padding-left: .25rem
}

.img_recommend {
	position: relative;
	float: left;
	overflow: hidden;
	padding-left: .15625rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 49.5%
}

.img_recommend img {
	vertical-align: middle;
	width: 100%;
	height: 4.7rem;
}

.img_recommend .img_mask {
	position: absolute;
	bottom: 1.4rem;
	height: .9rem;
	background-color: #000;
	opacity: .6
}

.img_recommend .img_title {
	position: absolute;
	bottom: 1.4rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: .9rem;
	line-height: .9rem;
	color: #fff;
	padding-left: .2rem;
	padding-right: .4rem;
	font-size: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bot_title {
	width: 100%;
	height: 1.4rem;
	line-height: 1.4rem;
	color: #333;
	font-size: .5rem
}

.main_title {
	width: 60%;
	height: 1.4rem;
	padding-left: .2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.people_number {
	max-width: 30%;
	background: url(../images/5b20438990513d9ae609d63f8ec75b45.png) left center no-repeat;
	background-size: .6rem auto;
	float: right;
	padding-left: .75rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #1cd39b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#masklayer {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7;
	z-index: 99999;
	display: none
}

#selectlayer {
	position: fixed;
	width: 12.725rem;
	height: 10.775rem;
	left: 50%;
	top: 50%;
	margin-left: -6.363rem;
	margin-top: -5.387rem;
	z-index: 999999;
	background-image: url(../images/960378a77325e22a486ab855dee4d123.png);
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	display: none
}

#btnwrap {
	width: 11rem;
	height: 1.4rem;
	margin: 8.6rem auto 0
}

.cancel,
.continue {
	width: 5.25rem;
	height: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	font-size: .65rem
}

.cancel {
	float: left;
	color: #6b6b6b;
	background-color: #fff;
	border-color: #dedede
}

.continue {
	float: right;
	color: #fff;
	background-color: #4ca6f7;
	border-color: #4ca6f7
}

.video_poster_cover {
	position: absolute;
	top: 0
}

.durationchange,
.video_poster_cover,
.video_poster_cover .canplay,
.video_poster_cover .loading {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, .5)
}

.durationchange,
.video_poster_cover .canplay,
.video_poster_cover .loading {
	font-size: .5rem;
	line-height: 1.25rem;
	color: #fff;
	display: none;
	-padding-top: 24%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.video_poster_cover .canplay {
	background: url(../images/bbbafa144451d50cdd91422cda26aaf8.png) center no-repeat;
	background-size: 3.3rem 3.3rem;
	display: block
}

.video_poster_cover .canplay:after {
	width: 0;
	height: 0;
	border-top: 1.25rem solid transparent;
	border-left: 2.5rem solid red;
	border-bottom: 1.25rem solid transparent;
	position: absolute
}

.video_poster_cover .loading span {
	display: inline-block;
	background: rgba(0, 0, 0, .66);
	color: #fff;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	-transform: translate(-50%, -50%);
	left: 50%;
	padding: 0 .25rem 0 .5rem;
	font-size: .8rem;
	margin-left: -2.6rem;
	margin-top: -1.2rem
}

.video_poster_cover .loading span img {
	display: inline-block;
	position: absolute;
	width: 2rem;
	top: 1.125rem;
	left: 50%;
	margin-left: -1.2rem;
	-webkit-animation: circle 1s cubic-bezier(0, 0, .76, .77) infinite;
	animation: circle 1s cubic-bezier(0, 0, .76, .77) infinite
}

.video_poster_cover .loading span i {
	font-style: normal
}

.durationchange {
	background: #000
}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotateZ(0deg)
	}
	to {
		-webkit-transform: rotateZ(360deg)
	}
}

@keyframes circle {
	0% {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg)
	}
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg)
	}
}
/*qiyiguo*/
.i-top {
    background: #F4F4F4;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
}
.am-header .am-header-left {
    left: 10px;
}

.am-header .am-header-nav {
    position: absolute;
    top: 0;
}

.am-header .am-header-nav img {
    height: 24px;
    width: auto;
    vertical-align: middle;
}
.am-header .logo a img {
    height: 48px;
}

.am-header .am-header-right {
    right: 10px;
}

.am-header .i-top-pic a {
    display: inline-block;
    margin: 0 18px;
}


.header-menu {
    width: 100%;
    position: fixed;
    top: 49px;
    z-index: 888;
}
.am-menu-default .i-nav {
    background: #000000;
    padding-top: 8px;
    padding-bottom: 0px;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 0;
    margin:0;
}
.am-menu-default .i-nav li {
    width: 20%;
    float: left;
}
.i-active {
    border-bottom: #67942d 4px solid;
}
.am-menu-default .am-menu-nav li a {
    color: #FFFFFF;
    font-size: 16px;
}
.am-menu-default .am-menu-nav a {
    text-align: center;
    height: 36px;
    line-height: 36px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
   
}
.am-navbar {
    border-top: 1px solid #CCCCCC;
}
.am-navbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    z-index: 1010;
}
.am-navbar .am-navbar-nav {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.am-navbar-default .i-footer {
    background: #FFFFFF;
    margin-top: 0;
}
.am-avg-sm-4>li {
    width: 25%;
    float: left;
    box-sizing: border-box;
}
.am-navbar-nav a {
    display: inline-block;
    width: 100%;
    height: 49px;
    line-height: 20px;
}
.am-navbar-default a, .am-navbar-one a {
    color: #fff;
}

.am-navbar-nav a img {
    display: block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin: 4px auto 0;
}
.am-navbar-default .i-footer li a span {
    color: #747474;
}
.am-navbar-nav a .am-navbar-label {
    padding-top: 2px;
    line-height: 1;
    font-size: 12px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}